<template>
  <div class="huanying">

    <div class="quan">
    <header>
    <div class="left" @click='home'><img src="../assets/img/未标题-2.png" ></div>
      <div class="center">意见反馈</div>
      <div class="right"></div>
    </header>
   <main>
   <div>
   <img src="../assets/img/zuihou-tou.png" >
   <p>李易峰</p>
   </div>
     
   </main>
  </div>
  </div>
</template>
<script type="text/javascript">
export default {
  name: 'shou',
  data () {
    return {
      msg: '最火帖子'
    }
  },
  methods: {
    home: function () {
      this.$router.go(-1)
    }
  }
}
</script>
<style scoped lang="less">
  @import '.././assets/css/reset.css';
  @import '.././assets/css/index.less';
  .huanying{
    height: 100%;
    width: 100%;
    background: #f5f5f5;
  }
  header {
    .height(150);
    position: fixed;
    top: 0;
    width: 100%;
    background:#1a1a1a;
    display: flex;
    text-align: center;
    align-items: center;
      .left,.right{
        display: flex;

        .width(80);
        img{
          .height(60);
          display: block;
          margin: auto;

        }
      }
      .center{
       flex:1;
        .font-size(60);
        color: #be8f59;
      }
    }
  main{
    height: 100%;
   .padding(150,0,0,0);
    background: #f5f5f5;
   div{
    background: #ffffff;
    .padding(30,0,0,0);
    img{
      .width(145);
      display: block;
      margin: 0 auto;
    }
    p{
      text-align: center;
      .font-size(25);
      .line-height(40); 
    }
   }
    
  }
 </style>
